/**
* 基本的页面布局 重置
*/

@import '../libs/_variable';

#root {
  height: 100%;
  .page {
    &-logo{
      display: block;
      padding:0 20px ;
      height: 64px;
      line-height: 64px;
      background: #002140;
      img{
        width: 80%;
      }
    }
    // 登录页
    &-login {
      background: $bgColor;
      height: 100%;
    } // 注册
    &-register {
      background: $bgColor;
      height: 100%;
    }
    &-forget {
      background: $bgColor;
      height: 100%;
      padding:0;
    } // layout
    &-activity{
      padding: $pagePadding;
    }
    &-identify{
      padding: $pagePadding;
    }
    &-namelist{
      padding: $pagePadding;
    }
    &-editor{
      height: 100%;
    }
    &-layout {
      &-menu {
        overflow: auto;
        height: 100vh;
        position: fixed;
        left: 0;
        z-index: 2;
        box-shadow:2px 0 6px rgba(0,21,41,.35);
      }
      &-main{
        position: relative;
        height: 100%;
        box-sizing: border-box;
        // padding: 20px;
        overflow: auto;
      }
    }
  } 
  .form-center-button{
    text-align: center;
  }
}
body{
  .ant-layout-sider{
    position: relative;
    z-index: 10;
  }
  .ant-layout-header{
    background: $headerBgColor;
    color:$headerColor;
    padding: 0;
    height: $headerHeight;
    line-height: $headerHeight;
    // font-size: 20px;
  }
  // 重置样式
  .page-layout-header{
  }
  .ant-modal-wrap {
    &.vertical-center-modal {
      .ant-modal-footer {
        text-align: center;
      }
    }
  }
}
